﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="xyw.index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        footer {
            position: absolute;
        }

        header {
            opacity: 0.9;
            FILTER: ALPHA(opacity=90);
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="position: absolute; height: 435px; width: 100%; z-index: -20;">

        <a id="prevslide" class="load-item"></a>
        <a id="nextslide" class="load-item"></a>
    </div>
    <form id="form1" runat="server">
    <div class="main">
        <div class="box big">
            <div class="tabhead"><i class="icon-list-alt"></i>
                <span class="title tabs fl">
                    <asp:Repeater ID="RepeaterClassify" runat="server">
                        <ItemTemplate>
                            <span target='#<%# Eval("classifyName") %>'><%# Eval("classifyName") %></span>
                        </ItemTemplate>
                    </asp:Repeater>
                    
                </span>
            </div>
            <div class="tabcont">
                <asp:Repeater ID="RepeaterNews" runat="server">
                    <ItemTemplate>
                        <div id="<%# Eval("classifyName") %>" class="tabscontent">
                        <asp:HiddenField ID="hd_Classify" runat="server" Value='<%# Eval("classifyName") %>' />
                        <h2><asp:HyperLink ID="hl_Top1" runat="server"></asp:HyperLink></h2>
                        <ul>
                            <asp:Repeater ID="Repeater1" runat="server">
                                <ItemTemplate>
                                    <li><a href='./NewsPage.aspx?id=<%# Eval("Id") %>'><%# Eval("Title") %></a></li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
                

            </div>
        </div>
        <div class="box small">
            <div class="tabhead"><i class="icon-circle"></i>分会动态</div>
            <div class="tabcont">
                <ul>
                    <asp:Repeater ID="RepeaterFen" runat="server">
                        <ItemTemplate>
                            <li><a href='./NewsPage.aspx?id=<%# Eval("ID") %>'><%# Eval("title") %></a></li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <div class="box small">
            <div class="tabhead"><i class="icon-circle"></i>最新活动</div>
            <div class="tabcont">
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
        </div>
        <div class="box small">
            <img src="style/images/login5.jpg" width="100%" />
        </div>
    </div>
    </form>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolderScript" runat="server">

    <script type="text/javascript">

        jQuery(function ($) {

            $.supersized({

                // Functionality
                slide_interval: 7000,		// Length between transitions
                transition: 1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                transition_speed: 1000,		// Speed of transition

                // Components							
                slide_links: 'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
                slides: [			// Slideshow Images

                    { image: './style/images/login0.jpg' },
                    { image: './style/images/login1.jpg' },
                    { image: './style/images/login3.jpg' },
                    { image: './style/images/login4.jpg' },
                    { image: './style/images/login8.jpg' },
                    { image: './style/images/login9.jpg' },
                    { image: './style/images/login13.jpg' },
                    { image: './style/images/login5.jpg' },
                    { image: './style/images/login2.jpg' }
                ]

            });
        });
        $(".tabs span").click(function () {
            $("span", $(this).parent()).attr("class", "");
            $(this).attr("class", "selected");

            $("span", $(this).parent()).each(function () {
                $($(this).attr("target")).hide();
            })
            $($(this).attr("target")).show();

            
        });
        $(".tabs span:first-child").click();
    </script>
</asp:Content>
